<!DOCTYPE html>

<html class="html">
  <style type="text/css">
    #node1.pseudo::after {
      content: "after";
    }
  </style>

  <body class="body">
    <div class="node0">
      <div id="node1" class="node1">line1</div>
      <div id="node2" class="node2">line2</div>
      <p class="node3">line3</p>
      <!-- A comment -->
      <p id="node4" class="node4">line4
        <span class="node5">line5</span>
        <span class="node6">line6</span>
        <!-- A comment -->
        <a class="node7">line7<span class="node8">line8</span></a>
        <span class="node9">line9</span>
        <span class="node10">line10</span>
        <span class="node11">line11</span>
        <a class="node12">line12<span class="node13">line13</span></a>
      </p>
      <p id="node14">line14</p>
      <p class="node15">line15</p>
    </div>
    <div id="node16">
      <p id="node17">line17</p>
    </div>
    <div id="node18">
      <div id="node19">
        <div id="node20">
          <div id="node21">
            line21
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
